﻿<!DOCTYPE html>
<html lang="en" class="app">
<head>  
  <meta charset="utf-8" />
  <title>{$title}</title>
  <meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
  <link rel="stylesheet" href="/public/test/css/jplayer.flat.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/bootstrap.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/animate.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/font-awesome.min.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/simple-line-icons.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/font.css" type="text/css" />
  <link rel="stylesheet" href="/public/test/css/app.css" type="text/css" />
  
  <!--[if lt IE 9]>
    <script src="/public/test/js/html5shiv.js"></script>
    <script src="/public/test/js/respond.min.js"></script>
    <script src="/public/test/js/excanvas.js"></script>
  <![endif]-->
</head>
<body class="">
  <section class="vbox">
    {include file="index/header"/}
    <section>
      <section class="hbox stretch">
        <!-- .aside -->



                <!-- nav -->
                {include file="index/left"/}
                <!-- / nav -->
              </div>
            </section>

      {include file="index/footer"/}
          </section>
        </aside>
        <!-- /.aside -->
        <section id="content">
          <section class="vbox">
            <section class="scrollable">
              <section class="hbox stretch">
                <aside class="aside-lg bg-light lter b-r">
                  <section class="vbox">
                    <section class="scrollable">
                      <div class="wrapper">
                        <div class="text-center m-b m-t">
                          <a href="#" class="thumb-lg">
                            <img src="{$data.photo}" class="img-circle">
                          </a>
                          <div>
                            <div class="h3 m-t-xs m-b-xs">{$data.username}</div>
                            <small class="text-muted"><i class="fa fa-map-marker"></i>{$data.address}</small>
                          </div>                
                        </div>
                        <div class="panel wrapper">
                          <div class="row text-center">
                            <div class="col-xs-12">
                              <a href="#">
                                <span class="m-b-xs h4 block">{$data.comments}</span>
                                <small class="text-muted">个人评论</small>
                              </a>
                            </div>
                            <!--<div class="col-xs-6">-->
                              <!--<a href="#">-->
                                <!--<span class="m-b-xs h4 block">{$data.comments_admin}</span>-->
                                <!--<small class="text-muted">系统回复</small>-->
                              <!--</a>-->
                            <!--</div>-->
                          </div>
                        </div>
                        <!--<div class="btn-group btn-group-justified m-b">-->
                          <!--<a class="btn btn-success btn-rounded" data-toggle="button">-->
                            <!--<span class="text">-->
                              <!--<i class="fa fa-eye"></i> 关注-->
                            <!--</span>-->
                            <!--<span class="text-active">-->
                              <!--<i class="fa fa-eye"></i> 不关注-->
                            <!--</span>-->
                          <!--</a>-->
                          <!--<a class="btn btn-dark btn-rounded">-->
                            <!--<i class="fa fa-comment-o"></i> 聊天-->
                          <!--</a>-->
                        <!--</div>-->
                        <div>
                          <small class="text-uc text-xs text-muted">学习等级</small>
                          <p>一星级</p>
                          <small class="text-uc text-xs text-muted">个人介绍</small>
                          <p>{$data.introduce}</p>
                          <div class="line"></div>
                          <!--<small class="text-uc text-xs text-muted">connection</small>-->
                          <!--<p class="m-t-sm">-->
                            <!--<a href="#" class="btn btn-rounded btn-twitter btn-icon"><i class="fa fa-twitter"></i></a>-->
                            <!--<a href="#" class="btn btn-rounded btn-facebook btn-icon"><i class="fa fa-facebook"></i></a>-->
                            <!--<a href="#" class="btn btn-rounded btn-gplus btn-icon"><i class="fa fa-google-plus"></i></a>-->
                          <!--</p>-->
                        </div>
                      </div>
                    </section>
                  </section>
                </aside>
                <aside class="bg-white">
                  <section class="vbox">
                    <header class="header bg-light lt">
                      <ul class="nav nav-tabs nav-white">
                        <li class="active"><a href="#activity" data-toggle="tab">我的评论</a></li>
                        <!--<li class=""><a href="#events" data-toggle="tab">系统回复</a></li>-->
                        <!--<li class=""><a href="#interaction" data-toggle="tab">系统回复</a></li>-->
                      </ul>
                    </header>
                    <section class="scrollable">
                      <div class="tab-content">
                        <div class="tab-pane active" id="activity">
                          <ul class="list-group no-radius m-b-none m-t-n-xxs list-group-lg no-border">

                            {volist name="comment_list" id="line"}
                            <li class="list-group-item">
                              <a href="#" class="thumb-sm pull-left m-r-sm">
                                <img src="{$line.photo}" class="img-circle">
                              </a>
                              <a href="#" class="clear">
                                <small class="pull-right">{$line.add_time}</small>
                                <strong class="block">在《{$line.e_title}》中评论</strong>
                                <small>{$line.content}</small>
                              </a>
                            </li>
                            {/volist}
                          </ul>
                        </div>
                        <div class="tab-pane" id="events">
                          <div class="" >
                            <!--<i class="fa fa-spinner fa fa-spin fa fa-large"></i>-->
                            <ul class="list-group no-radius m-b-none m-t-n-xxs list-group-lg no-border">

                              {volist name="comment_admin" id="line"}
                              <li class="list-group-item">
                                <a href="#" class="thumb-sm pull-left m-r-sm">
                                  <img src="{$line.photo}" class="img-circle">
                                </a>
                                <a href="#" class="clear">
                                  <small class="pull-right">{$line.add_time}</small>
                                  <strong class="block">在《{$line.e_title}》中回复</strong>
                                  <small>{$line.content}</small>
                                </a>
                              </li>
                              {/volist}
                            </ul>
                          </div>
                        </div>
                      </div>
                    </section>
                  </section>
                </aside>
                <aside class="col-lg-3 b-l">
                  <section class="vbox">
                    <section class="scrollable padder-v">
                      <div class="panel">
                        <h4 class="font-thin padder">最近评论</h4>
                        <ul class="list-group">
                          {volist name="comment_new" id="line"}
                          <li class="list-group-item">
                            <p><a href="#" class="text-info">@{$line.username}</a> 在《{$line.e_title}》评论：{$line.content}</p>
                            <small class="block text-muted"><i class="fa fa-clock-o"></i> {$line.add_time}</small>
                          </li>
                          {/volist}

                        </ul>
                      </div>
                      <!--<div class="panel clearfix">-->
                        <!--<div class="panel-body">-->
                          <!--<a href="#" class="thumb pull-left m-r">-->
                            <!--<img src="picture/a0.png" class="img-circle">-->
                          <!--</a>-->
                          <!--<div class="clear">-->
                            <!--<a href="#" class="text-info">@Mike Mcalidek <i class="fa fa-twitter"></i></a>-->
                            <!--<small class="block text-muted">2,415 followers / 225 tweets</small>-->
                            <!--<a href="#" class="btn btn-xs btn-success m-t-xs">Follow</a>-->
                          <!--</div>-->
                        <!--</div>-->
                      <!--</div>-->
                    </section>
                  </section>              
                </aside>
              </section>
            </section>
          </section>
          <a href="#" class="hide nav-off-screen-block" data-toggle="class:nav-off-screen,open" data-target="#nav,html"></a>
        </section>
      </section>
    </section>    
  </section>
  <script src="/public/test/js/jquery.min.js"></script>
  <!-- Bootstrap -->
  <script src="/public/test/js/bootstrap.js"></script>
  <!-- App -->
  <script src="/public/test/js/app.js"></script>
  <script src="/public/test/js/jquery.slimscroll.min.js"></script>
  <script src="/public/test/js/jquery.easy-pie-chart.js"></script>
  <script src="/public/test/js/app.plugin.js"></script>
  <script type="text/javascript" src="/public/test/js/jquery.jplayer.min.js"></script>
  <script type="text/javascript" src="/public/test/js/jplayer.playlist.min.js"></script>
  <script type="text/javascript" src="/public/test/js/demo.js"></script>
</body>
</html>